$radius: 24upx;

.acme-action-sheet {
  .overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9000;
    transition-timing-function: ease-out;
  }

  .panel {
    width: 100%;
    position: fixed;
    z-index: 9001;
    bottom: 0;
    border-radius: $radius $radius 0 0;

    .actions {
      .item {
        text-align: center;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        
        &::after {
          content: '';
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          border-bottom: 1px solid #EEEEEE;
          transform: scaleY(0.5);
        }
        
        &:last-of-type {
          &::after {
            content: '';
            border-bottom: 0;
          }
        }
        
        image {
          width: 38upx;
          height: 38upx;
          margin-right: 8upx;
        }
        
        .title {
          font-size: 32upx;
        }
      }
    }

    .cancel {
      width: 100%;
      text-align: center;
      color: #333;
      font-size: 32upx;
      background: #fff;
    }
  }
  
  // 卡片模式
  &.acme-action-sheet-card {
    .panel {
      width: calc(100% - 40upx) !important;
      left: 0;
      right: 0;
      bottom: 0upx;
      margin: auto;
      border-radius: 0;
      overflow: hidden;
      background-color: transparent !important;
      
      .actions {
        background-color: #fff;
        border-radius: $radius;
        
        .item {
          
        }
      }
      
      .cancel {
        height: 100upx !important;
        line-height: 100upx !important;
        margin-top: 20upx;
        border-radius: $radius;
      }
    }
  }
}